<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>集团网站</title>
		<link rel="stylesheet" href="css/style.css" />
		<script src="js/jquery.js"></script>
		<script type="text/javascript" src="js/javascript.js" ></script>
	</head>
	<body>
	   <div class="content">
	   	<header style="height: 200px;width: 100%;">
	   		<div class="header_conten" style="display: flex;justify-content: center;">
	   			<div style="display: flex;">
	   				<div class="log_img" style="flex: 1;margin-right: 50px;">
		   			    <img src="images/logo.jpg" />
			   		</div>
			   		<div class="search" style="flex: 1;margin: auto 100px;">
			   			<input type="text" name="input" placeholder="搜索其实很简单" style="padding: 10px;vertical-align: top;width: 200px;"/>
			   			<input type="submit" value="搜索" style="padding: 11px 12px;background: #3598DB;color: #fff;border: none;border-radius: 2px;vertical-align:top;margin-left:-5px;">
			   		</div>
	   			</div>
	   			
	   		</div>
	   	</header>
	   	
	   	<nav style="height: 75px;width: 100%;background: #3598DC;">
	   		<ul class="listnav">
	   			<li class="list_name on">
	   				<a href="#">集团首页</a>
	   			</li>
	   			<li class="list_name">
	   				<a href="#">产品列表</a>
	   			</li>
	   			<li class="list_name">
	   				<a href="#">新闻列表</a>
	   			</li>
	   			<li class="list_name">
	   				<a href="#">内容页面</a>
	   			</li>
	   			<li class="list_name">
	   				<a href="#">关于我们</a>
	   			</li>
	   		</ul>
	   	</nav>
	   	
	   	
	   	<div style="width: 100%;display: flex;justify-content: center;">
	   		<div class="left" >
	   			<div style="margin: 20px 10px 25px 10px;">
	   				<section id="lunbotu">
			            <div class="wrap">
			                <div id="slide-holder">
			                    <div id="slide-runner">
			                        <a href="/"><img id="slide-img-1" src="images/a1.jpg" class="slide" alt="" /></a>
			                        <a href="/"><img id="slide-img-2" src="images/a2.jpg" class="slide" alt="" /></a>
			                        <a href="/"><img id="slide-img-3" src="images/a3.jpg" class="slide" alt="" /></a>
			                        <a href="/"><img id="slide-img-4" src="images/a4.jpg" class="slide" alt="" /></a>
			                        <a href="/"><img id="slide-img-5" src="images/a5.jpg" class="slide" alt="" /></a>
			                        <a href="/"><img id="slide-img-6" src="images/a6.jpg" class="slide" alt="" /></a>
			                        <a href="/"><img id="slide-img-7" src="images/a4.jpg" class="slide" alt="" /></a>
			                        <div id="slide-controls">
			                            <p id="slide-client" class="text"><strong>联盟推荐: </strong><span></span></p>
			                            <p id="slide-desc" class="text"></p>
			                            <p id="slide-nav"></p>
			                        </div>
			                    </div>
			                </div>
			                <script type="text/javascript">
			                    if(!window.slider)
			                    var slider={};
			                    slider.data=[
			                    {"id":"slide-img-1","client":"第一条的标题在这里","desc":"第一条的这里是描述信息"},
			                    {"id":"slide-img-2","client":"标题在这里","desc":"这里是描述信息"},
			                    {"id":"slide-img-3","client":"标题在这里","desc":"这里是描述信息"},
			                    {"id":"slide-img-4","client":"标题在这里","desc":"这里是描述信息"},
			                    {"id":"slide-img-5","client":"标题在这里","desc":"这里是描述信息"},
			                    {"id":"slide-img-6","client":"标题在这里","desc":"这里是描述信息"},
			                    {"id":"slide-img-7","client":"标题在这里","desc":"这里是描述信息"}
			                    ];
		                        $(".list_name").click(function(){
								     $(this).addClass("on").siblings().removeClass("on")
								});
  	
			                </script>
			            </div>
			        </section>
	   				
	   			</div>
		   		<div style="width: 628px;margin: 10px;">
		   			
		   			<div style="background:url(images/title_bg.jpg);line-height:43px;margin-bottom: 20px;">
		   				<h2 style="padding-left: 20px;">
		   					<a href="#" style="color: #444444;text-decoration: none;font-size: 16px;">
		   						集体会员新闻
		   					</a>
		   				</h2>
		   			</div>
		   			
		   			<div class="company_news">
		   				<ul>
		   				    <li>
			   				   	<div style="display: flex;background: #f3f3f3;">
					   				<div style="flex: 1;height: 195px;">
					   					<a href="#">
					   						<img src="images/news_11.jpg" width="320px" height="195px"/>
					   					</a>
					   				</div>
					   				
					   				<div style="flex: 1;background: rgb(53, 152, 220);">
					   					<div style="margin: 0 15px;position: relative;">
					   						<div class="sanjiaoxing" style="width: 20px;height: 20px; background: rgb(53, 152, 220);position: absolute;left: -25px;top: 40px; transform:rotate(45deg);"></div>
					   						<h3 style="color: #fff;height: 40px;line-height: 40px;border-bottom:1px solid #FFFFFF;">
					   						这里是很长很长的标题
					   					    </h3>
						   					<p style="color: #fff;font-size: 17px;padding-top: 15px;">
						   						北京地铁七号线，是北京地铁18条开通运营的路线，有北京地铁运营有限公司一分子公司负责运营。该线西起北京西站，东至焦化厂站，沿线经过丰台，东城，西城朝阳。
						   					</p>
					   					</div>
					   					
					   				</div>
					   			</div>
		   				   </li>
		   				   <li>
		   				   		<div style="display: flex;background: #f3f3f3;">
					   				<div style="flex: 1;height: 195px;">
					   					<a href="#">
					   						<img src="images/news_11.jpg" width="320px" height="195px"/>
					   					</a>
					   				</div>
					   				
					   				<div style="flex: 1;background: rgb(53, 152, 220);">
					   					<div style="margin: 0 15px;position: relative;">
					   						<div class="sanjiaoxing" style="width: 20px;height: 20px; background: rgb(53, 152, 220);position: absolute;left: -25px;top: 40px; transform:rotate(45deg);"></div>
					   						<h3 style="color: #fff;height: 40px;line-height: 40px;border-bottom:1px solid #FFFFFF;">
					   						这里是很长很长的标题
					   					    </h3>
						   					<p style="color: #fff;font-size: 17px;padding-top: 15px;">
						   						北京地铁七号线，是北京地铁18条开通运营的路线，有北京地铁运营有限公司一分子公司负责运营。该线西起北京西站，东至焦化厂站，沿线经过丰台，东城，西城朝阳。
						   					</p>
					   					</div>
					   					
					   				</div>
					   			</div>
		   				   </li>
		   				   <li>
		   				   		<div style="display: flex;background: #f3f3f3;">
					   				<div style="flex: 1;height: 195px;">
					   					<a href="#">
					   						<img src="images/news_11.jpg" width="320px" height="195px"/>
					   					</a>
					   				</div>
					   				
					   				<div style="flex: 1;background: rgb(53, 152, 220);">
					   					<div style="margin: 0 15px;position: relative;">
					   						<div class="sanjiaoxing" style="width: 20px;height: 20px; background: rgb(53, 152, 220);position: absolute;left: -25px;top: 40px; transform:rotate(45deg);"></div>
					   						<h3 style="color: #fff;height: 40px;line-height: 40px;border-bottom:1px solid #FFFFFF;">
					   						这里是很长很长的标题
					   					    </h3>
						   					<p style="color: #fff;font-size: 17px;padding-top: 15px;">
						   						北京地铁七号线，是北京地铁18条开通运营的路线，有北京地铁运营有限公司一分子公司负责运营。该线西起北京西站，东至焦化厂站，沿线经过丰台，东城，西城朝阳。
						   					</p>
					   					</div>
					   					
					   				</div>
					   			</div>
		   				   </li>
		   				   <li>
		   				   		<div style="display: flex;background: #f3f3f3;">
					   				<div style="flex: 1;height: 195px;">
					   					<a href="#">
					   						<img src="images/news_11.jpg" width="320px" height="195px"/>
					   					</a>
					   				</div>
					   				
					   				<div style="flex: 1;background: rgb(53, 152, 220);">
					   					<div style="margin: 0 15px;position: relative;">
					   						<div class="sanjiaoxing" style="width: 20px;height: 20px; background: rgb(53, 152, 220);position: absolute;left: -25px;top: 40px; transform:rotate(45deg);"></div>
					   						<h3 style="color: #fff;height: 40px;line-height: 40px;border-bottom:1px solid #FFFFFF;">
					   						这里是很长很长的标题
					   					    </h3>
						   					<p style="color: #fff;font-size: 17px;padding-top: 15px;">
						   						北京地铁七号线，是北京地铁18条开通运营的路线，有北京地铁运营有限公司一分子公司负责运营。该线西起北京西站，东至焦化厂站，沿线经过丰台，东城，西城朝阳。
						   					</p>
					   					</div>
					   					
					   				</div>
					   			</div>
		   				   </li>
		   				   <li>
		   				   		<div style="display: flex;background: #f3f3f3;">
					   				<div style="flex: 1;height: 195px;">
					   					<a href="#">
					   						<img src="images/news_11.jpg" width="320px" height="195px"/>
					   					</a>
					   				</div>
					   				
					   				<div style="flex: 1;background: rgb(53, 152, 220);">
					   					<div style="margin: 0 15px;position: relative;">
					   						<div class="sanjiaoxing" style="width: 20px;height: 20px; background: rgb(53, 152, 220);position: absolute;left: -25px;top: 40px; transform:rotate(45deg);"></div>
					   						<h3 style="color: #fff;height: 40px;line-height: 40px;border-bottom:1px solid #FFFFFF;">
					   						这里是很长很长的标题
					   					    </h3>
						   					<p style="color: #fff;font-size: 17px;padding-top: 15px;">
						   						北京地铁七号线，是北京地铁18条开通运营的路线，有北京地铁运营有限公司一分子公司负责运营。该线西起北京西站，东至焦化厂站，沿线经过丰台，东城，西城朝阳。
						   					</p>
					   					</div>
					   					
					   				</div>
					   			</div>
		   				   </li>
		   				</ul>
		   			</div>
		   			

		   			
		   			<div>
		   				
		   			</div>
		   			
		   		</div>
		   		
		   		<div style="width: 628px;margin: 10px;">
		   			<div style="background:url(images/title_bg.jpg);line-height:43px;margin-bottom: 20px;">
		   				<h2 style="padding-left: 20px;">
		   					<a href="#" style="color: #444444;text-decoration: none;font-size: 16px;">
		   						集体活动
		   					</a>
		   				</h2>
		   			</div>
		   			
		   			<div class="ext_img">
		   				<ul>
		   					<li>
		   						<a href="#">
		   					      <img src="images/hd2.jpg" />		
		   						</a>
		   					</li>
		   					<li>
		   						<a href="#">
		   					      <img src="images/hd3.jpg" />		
		   						</a>
		   					</li>
		   					<li>
		   						<a href="#">
		   					      <img src="images/hd_1.jpg" />		
		   						</a>
		   					</li>
		   					<li>
		   						<a href="#">
		   					      <img src="images/hd2.jpg" />		
		   						</a>
		   					</li>
		   				</ul>
		   			</div>
		   			
		   			<div class="ext_news_list" style="display: flex;">
		   				
		   				<div style="width: 496px;">
		   					<ul style="padding-right: 15px;">
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">1</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">2</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">3</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">4</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">5</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">6</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">7</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">8</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">9</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">10</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   				</ul>
		   				</div>
		   				<div class="ext_news_list_left" style="width: 150px;flex: 1;">
			   				<ul>
			   					<li>
			   						<a href="#">
			   							<img src="images/hd_17.jpg" width="130px;" height="170px"/>	
			   						</a>
			   					</li>
			   					<li>
			   						<a href="#">
			   							<img src="images/hdd_20.jpg" width="130px"/>
			   						</a>
			   					</li>
			   				</ul>
			   			</div>
		   			</div>
		   			
		   			
		   		</div>
	   		</div>
	   		
	   		
	   		<div style="width: 352px;">
	   			<div style="margin: 22px 10px 10px 10px;width: 352px;">
	   				<div style="background:url(images/title_bg.jpg);line-height:43px;margin-bottom: 7px;">
		   				<h2 style="padding-left: 20px;">
		   					<a href="#" style="color: #444444;text-decoration: none;font-size: 16px;">
		   						精彩博文
		   					</a>
		   				</h2>
		   			</div>
	   				
	   				<div class="bowen_img">
	   					<ul>
	   						<li>
	   							<a href="" style="text-align: center;text-decoration: none;">
	   								<img src="images/bowen_06.jpg" width="173" height="111"/>
	   								<p style="margin-top: 7px;color: #444;">精彩博文详细标题</p>
	   							</a>
	   						</li>
	   						<li>
	   							<a href="" style="text-align: center;text-decoration: none;">
	   								<img src="images/bowen_06.jpg" width="173" height="111"/>
	   								<p style="margin-top: 7px;color: #444;">精彩博文详细标题</p>
	   							</a>
	   						</li>
	   					</ul>
	   					
	   					
	   					<div class="bowen_title">
	   						<ul>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">1</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">2</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					<li style="display: flex;">
			   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">3</div>
			   						<a href="#" style="flex: 1;text-decoration: none;color: #444444;font-size: 17px;margin-left: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
			   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
			   						</a>
			   					</li>
			   					
			   				</ul>
	   					</div>
   					
	   				</div>
	   				
	   			</div>
	   			<div style="margin: 10px;width: 352px;">
	   				
	   				<div style="background:url(images/title_bg.jpg);line-height:43px;margin-bottom: 20px;">
		   				<h2 style="padding-left: 20px;">
		   					<a href="#" style="color: #444444;text-decoration: none;font-size: 16px;">
		   						职位信息
		   					</a>
		   				</h2>
		   			</div>
	   				
	   				
	   				<div class="bowen_title">
   						<ul>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">1</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">2</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">3</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">4</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">5</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">6</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">7</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">8</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">9</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   					<li style="display: flex;">
		   						<div style="width: 24px;height: 24px;background: #444444;color: #FFFFFF;text-align: center;line-height: 25px;">10</div>
		   						<a href="#" style="flex: 1;text-decoration: none;margin-left: 10px;color: #444444;font-size: 17px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
		   							新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长新闻标题会很长很长
		   						</a>
		   					</li>
		   				</ul>
   					</div>
	   			</div>
	   			<div style="margin: 10px;width: 352px;">
	   				<div style="background:url(images/title_bg.jpg);line-height:43px;margin-bottom: 20px;">
		   				<h2 style="padding-left: 20px;">
		   					<a href="#" style="color: #444444;text-decoration: none;font-size: 16px;">
		   						联系我们
		   					</a>
		   				</h2>
		   			</div>
		   			<div>
		   				<a href="#">
		   					<img src="images/about_13.jpg" width="330" />
		   				</a>
		   			</div>
	   			</div>
	   			
	   			<div style="margin: 10px;width: 352px;">
	   				<div style="background:url(images/title_bg.jpg);line-height:43px;margin-bottom: 20px;">
		   				<h2 style="padding-left: 20px;">
		   					<a href="#" style="color: #444444;text-decoration: none;font-size: 16px;">
		   						集团子公司
		   					</a>
		   				</h2>
		   			</div>
		   			
		   			
		   			<div class="child_company">
		   				<ul>
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   				
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   				
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   				
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   				
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   				<li>
			   					<h4>
			   						<a href="#">
			   							子公司名称
			   						</a>
			   					</h4>
			   					<div>
			   						<a href="#" style="vertical-align: top;width: 175px;display: inline-block;">
			   							<img src="images/menber_19.jpg" />
			   						</a>
			   						<a href="#" style="vertical-align: top;font-size: 12px;display: inline-block;height: 50px;width: 170px;overflow: hidden;white-space: inherit;text-overflow: ellipsis;">
			   							从2月6日赴俄罗斯出席索契冬奥会开幕式，到11月23日结束南太平洋之行，习近平主席2014年7次出访，足迹遍及18个国家。谈外
			   						</a>
			   					</div>
			   				</li>
			   			</ul>
		   			</div>
		   			
	   			</div>
	   		</div>
	   	</div>
	   	<footer>
	   		<div style="width: 100%;background: #3598DC;text-align: center;padding: 40px;">
	   			<ul style="margin-bottom: 20px;">
	   				<li style="display:inline-block;padding-left: 15px;">
	   					<a style="color: #fff;">版权信息</a>
	   				</li>
	   				<li  style="display:inline-block;padding-left: 15px;">
	   					<a style="color: #fff;">站点地图</a>
	   				</li>
	   				<li  style="display:inline-block;padding-left: 15px;">
	   					<a style="color: #FFFFFF;">联系我们</a>
	   				</li>
	   			</ul>
	   			<p style="color:#FFFFFF;display: inline-block;">©2014 Maiziedu.com 京ICP证0000001号</p>
	   		</div>
	   	</footer>
	   </div>
	</body>
</html>
